<!doctype html>
<html lang="en">
<head>
    <?php echo Asset::container('header')->styles(); ?>
    <?php echo Asset::container('header')->scripts(); ?>
</head>
<body>
    <!-- top header begin -->
    <div class="top-header">
        <div class="top">
            <div id="site_nav" class="site_nav">
              <p class="login-info">欢迎回优课堂！<a href="http://youketang.com/sign/reg">[免费注册]</a><a href="http://youketang.com/sign/in">[登录]</a></p>

              <ul class="top_menu">  
                <li class="hd menu-item cart"><a href="#">我的购物车(0)</a></li>
                <li class="hd menu-item">
                  <div class="menu"> 
                    <a class="menu-hd" href="#">我的优课堂<b></b></a>
                    <div class="bd ketang">
                      <div class="menu-bd-panel">
                        <a href="#">最近直播课</a>
                        <a href="#">已买直播课</a>
                        <a href="#" rel="nofollow">已买点播课</a>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="hd menu-item">
                  <div class="menu kechengbiao"> 
                    <a class="menu-hd" href="#">我的课程表<b></b></a>
                    <div class="bd">
                      <div class="menu-bd-panel">
                        <a href="#">收藏的课程</a> 
                        <a href="#" rel="nofollow">关注的课程</a>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
        </div>
    </div>
    <!-- top header end -->
    
    <!-- header begin-->
    <div class="header">
        <div class="hd_wrap">
                <a href="/" class="logo">优课堂</a>
                <div class="thead_search">
                        <div class="s_fields">
                             <input type="text" value="" class="s_fields_txt" placeholder="请输入关键词、课程名等...">
                        </div>
                        <input type="button" class="s_btn btn btn-large btn-success" value="搜索">
                </div>
        </div>
    </div>
    <!-- header end -->
    
    <!-- category all begin-->
    <div class="youketang-category">
        <!-- Nav START -->
        <div id="Z_TMAIL_SIDER_V2" class="youketang-nav">
                <div class="navbar">
                        <div class="navbar-inner allcategorys">
                                <a href="javascript:void(0);" class="brand all-course">所有课程分类<i class="icon-chevron-down icon-white"></i></a>
                                <ul class="sublist">
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>服饰内衣</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">女装</a>
                                                        <a href="#">男装</a>
                                                        <a href="#">内衣</a>
                                                        <a href="#">家居服</a>
                                                        <a href="#">配件</a>
                                                        <a href="#">羽绒</a>
                                                        <a href="#">呢大衣</a>
                                                        <a href="#">毛衣</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>鞋 箱包</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">女鞋</a>
                                                        <a href="#">男鞋</a>
                                                        <a href="#">箱包</a>
                                                        <a href="#">女包</a>
                                                        <a href="#">男包</a>
                                                        <a href="#">旅行箱</a>
                                                        <a href="#">钱包 </a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>珠宝、手表</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">饰品</a>
                                                        <a href="#">项链</a>
                                                        <a href="#">珠宝</a>
                                                        <a href="#">钻石</a>
                                                        <a href="#">手表</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>化妆品</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">护肤</a>
                                                        <a href="#">彩妆</a>
                                                        <a href="#">香水</a>
                                                        <a href="#">男士</a>
                                                        <a href="#">精油</a>
                                                        <a href="#">假发</a>
                                                        <a href="#">美体</a>
                                                        <a href="#">试用服务</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>运动 户外</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">运动鞋</a>
                                                        <a href="#">运动服</a>
                                                        <a href="#">运动用品</a>
                                                        <a href="#">户外</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>手机 数码</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">手机</a>
                                                        <a href="#">笔记本</a>
                                                        <a href="#">相机</a>
                                                        <a href="#">平板电脑</a>
                                                        <a href="#">配件</a>
                                                        <a href="#">电脑硬件</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>家用电器</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">大家电</a>
                                                        <a href="#">影音电器</a>
                                                        <a href="#">生活电器</a>
                                                        <a href="#">厨房电器</a>
                                                        <a href="#">健康护理</a>
                                                        <a href="#">剃须刀</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>家具 建材</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">家具</a>
                                                        <a href="#">卫浴</a>
                                                        <a href="#">地板</a>
                                                        <a href="#">灯具</a>
                                                        <a href="#">五金</a>
                                                        <a href="#">开关</a>
                                                        <a href="#">装修设计</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>家纺 居家</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">家纺</a>
                                                        <a href="#">磨毛套件</a>
                                                        <a href="#">羽绒被</a>
                                                        <a href="#">枕头</a>
                                                        <a href="#">软饰</a>
                                                        <a href="#">居家</a>
                                                        <a href="#">厨房</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>食品</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">零食</a>
                                                        <a href="#">进口</a>
                                                        <a href="#">茶叶</a>
                                                        <a href="#">冲饮</a>
                                                        <a href="#">酒水</a>
                                                        <a href="#">粮油</a>
                                                        <a href="#">干货</a>
                                                        <a href="#">生鲜</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>医药保健</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">保健</a>
                                                        <a href="#">滋补</a>
                                                        <a href="#">蛋白粉</a>
                                                        <a href="#">阿胶</a>
                                                        <a href="#">药品</a>
                                                        <a href="#">血压仪</a>
                                                        <a href="#">计生</a>
                                                        <a href="#">体检</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>母婴用品</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">玩具</a>
                                                        <a href="#">宝宝食品</a>
                                                        <a href="#">用品</a>
                                                        <a href="#">童装</a>
                                                        <a href="#">孕装</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>汽车 配件</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">新车</a>
                                                        <a href="#">座垫</a>
                                                        <a href="#">脚垫</a>
                                                        <a href="#">GPS</a>
                                                        <a href="#">车衣</a>
                                                        <a href="#">洗车机</a>
                                                        <a href="#">水枪</a>
                                                </p>
                                        </li>
                                        <li>
                                                <h3 class="mcate-item-hd">
                                                        <span>文化 玩乐</span>
                                                </h3>
                                                <p class="mcate-item-bd">
                                                        <a href="#">电子凭证</a>
                                                        <a href="#">图书</a>
                                                        <a href="#">乐器</a>
                                                        <a href="#">旅游</a>
                                                        <a href="#">鲜花</a>
                                                </p>
                                        </li>
                                </ul>
                        </div>

                        <div class="you-nav-more">
                                <ul class="nav">
                                  <li class="active"><a href="#">首页</a></li>
                                  <li><a href="#">课程</a></li>
                                  <li><a href="#">问答</a></li>
                                </ul>
                        </div>
                </div>
        </div>
    </div>
    <!-- category all end -->
    
    
</body>
</html>
